7.  objekt Image

7.3  galerien

galerie typ 5 - blättern durch einblenden
Dieser typ unterscheidet sich völlig von den vorhergehenden galerien: die grafiken einschließlich der button zum vorwärts und rückwärts blättern sind jeweils in einen unsichtbaren div-container eingebettet, nur die startgrafik ist nach dem laden der seite sichtbar. Beim blättern wird der aktuell angezeigte container ausgeblendet und der nächste wird eingeblendet. Durch click auf eine angezeigte grafik wird wieder die startgrafik gezeigt.

beispiel 7d - galerie typ 5
Das aufwendigste ist hier der einbau der container mit den grafiken. Die container müssen namen nach einem einheitlichen muster haben (cont1, cont2 usw.) gleiches gilt für die grafiknamen (dom1.jpg, dom2.jpg). Wenn man sich daran nicht hält, wird das ganze uferlos kompliziert.In diesem beispiel wird übrigens konsequent mit onclick gearbeitet. Das einrichten von instanzen für die grafiken entfällt hier. Dabei muss man für jede grafik einen container aufbauen. Diese aufwendige schreibarbeit kann man vermeiden, indem man alle container mit PHP aufbaut.

Der container mit der startgrafik unterscheidet sich von den übrigen und wird direkt in die seite eingebaut.

funktion galerie5
Die funktion wird mit dem parameter richt aufgerufen, der anzeigt in welche richtung geblättert werden soll (1 oder 2) oder ob der angezeigte container ausgeblendet werden soll (0). Beim laden der seite wird die variable pos5 auf 0 gesetzt und zeigt an, welcher container gerade angezeigt wird. Wenn die funktion aufgerufen wird, wird der container, auf den die variable pos5 zeigt, ausgeblendet. Dann wird pos5 je nach blätter richtung um 1 erhöht oder vermindert oder auf 0 (startgrafik) gesetzt und der entsprechende container wird sichtbar gemacht.

EXEC    beispiel7d  ausführen


zum untermenü


    IMPRESSUM  

    KONTAKT  

    PRIVAT  

    D O K U  


  H T M L  
  C S S  
  P H P  
  My S Q L  
  javascript